@import "./var";

html,
body,
* {
  box-sizing: border-box;
  font-size: 14px;
}

.primary {
  color: #409eff;
}

.warning {
  color: #ffa007;
}

.danger {
  color: #f56c6c !important;
}

.success {
  color: #67c23a;
}

.disabled {
  color: #c0c4cc;
}

.card-form {
  width: 500px;
  .el-select {
    width: 100% !important;
  }
}

.draw-form {
  .top-search {
    width: 300px !important;
  }
}

.loading-wrapper {
  min-height: calc(100vh - 226px);
}

.draw-loading-wrapper {
  min-height: calc(100vh - 70px);
}

.card-wrapper {
  min-height: calc(100vh - 240px);
}

.draw-wrapper {
  padding: 20px;
  padding-top: 0;
}

.self-form-item {
  .label {
    width: 110px;
    text-align: right;
    font-size: 13px;
    color: #606266;
    padding-right: 12px;
    line-height: 32px;
  }
}

.el-cascader-menu__wrap {
  height: 300px !important;
}

// 弹窗中的el-scrollbar会出现横向滚动条，只能使用以下方法来限制
.yScroll {
  .el-scrollbar__wrap {
    overflow-x: hidden;
  }
}

// 美化按钮样式
.formFile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
